@charset "utf-8";
@import "common/reset";

.haibao{
    margin-top: 56px;
    width: 100%;
    img{
        width: 100%;
    }
}

.comProfile{
    margin-bottom: 67px;
    .container{
        padding: 0;
        padding-top: 94px;
        .font{
            h1{
                font-size:36px ;
                color:#2a2a2a ;
                margin-bottom: 37px;
            }
            h3{
                font-size:21px;
                color: #2a2a2a;
                margin-bottom: 31px;
                text-indent: 2em;
            }
            p{
//              width: ;
                color: #2a2a2a;
                font-size: 12px;
                line-height:30px;
                text-indent: 2em;
            }
            .p_two{
                margin-bottom: 20px;
            }
        }
        .comProfile-tu{
            align-items: flex-end;
            display: flex;
            margin-bottom: 20px;
        }
    }
}

.recruit{
    background: #8cc11f;
    padding-bottom: 82px;
    .container{
        padding-top: 116px;
        h2{
          font-size:35px ;
          color:#ffffff ;
          margin-bottom:60px ;  
        }
        .le{
            p{
                font-size:16px ;
                color:#fefefe ;
                line-height:30px ;
                margin-bottom: 17px;
            }
            span{
                font-size: 16px;
                color:#fefefe ;
                
            }
        }
        .ri{
            h3{
                font-size:16px ;
                color: #fefefe;
                line-height:30px ;
            }
            .e-mail{
                width:219px ;
                height:48px ;
                border-radius: 3px;
                background: #ffffff;
                font-weight:bold ;
                text-align: center;
                line-height: 48px;
                color: #8cc11f;
                margin-top: 9px;
            }
            p{
                font-size: 16px;
                color: #ffffff;
                margin-top: 16px;
            }
        }
    }
}

.as3,.php{
    .container{
        padding-top: 72px;
        padding-bottom: 66px;
        border-bottom: 1px solid #c5c5c5;
        h2{
            font-size:26px ;
            color:#8cc11f ;
            margin-bottom:40px ;
        }
        dl{
            dt{
                font-size:17px ;
                color: #555555;
                margin-bottom: 17px;
            }
            dd{
                font-size:14px ;
                color: #555555;
                padding-left: 23px;
                line-height: 35px;
            }
        }
    }
}
.as3{
    .container{
        padding-top: 121px;
    }
}

.contactway{
    background: #f4f4f4;
    padding-top: 41px;
    h1{
        font-size:36px ;
        color:#2a2a2a ;
        margin-bottom:40px ;
    }
    .container{
        padding-bottom: 43px;
        .four{
            display: flex;
            background: #fff;
            height:103px;
            border-radius:3px;
            margin-bottom: 20px;
            border: 1px solid #e3e3e3;
            font-size:15px ;
            color: #000;
            align-items: center;
            img{
                width: 70px;
                height: 70px;
                border-radius: 3px;
                margin-right: 10px;
            }
            p{
                width: 335px;
//              white-space: nowrap; 
                display: inline-block;
                vertical-align: middle;
            }
        }
    }
}







@media only screen and (max-width:415px){
    .comProfile{
        .container{
            padding-top: 60px;
            h1{
                font-size:30px;
                text-align: center;
            }
            h3{
                font-size: 18px;
                width: 385px;
            }
            p{
                width:380px ;
            }
            .comProfile-tu{
                height: 176px;
                padding: 0;
                position: relative;
                img{
                    width: 235px;
                    height: 137px;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                }
            }   
        }
    }
    .php{
        .container{
            dl{
                dd{
                    font-size: 12px;
                }
            }
        }
    }
    
.recruit{
    .container{
        padding-top: 60px;
        h2{
            font-size: 34px;
            margin-bottom: 30px;
        }
    }
}
.as3{
    .container{
        padding-top: 60px;
        h2{
            font-size: 26px;
        }
        dl{
            dt{
                margin-top: 20px;
            }
        }
    }
}

.contactway{
    .container{
        padding-bottom: 0;
        h1{
            font-size: 30px;
        }
        .four{
            height: 70px;
            p{
                width: auto;
                font-size: 12px;
            }
            img{
                width: 50px;
                height: 50px;
            }
        }
    }
}
}


@media only screen and (max-width:376px){
    .comProfile{
        .container{
            .row{
                margin: 0;
            }
            h1{
                font-size:30px;
                text-align: center;
            }
            h3{
                font-size: 15px !important;
                width: 275px;
            }
            p{
                width:320px ;
            }
        }
    }
    .contactway{
        .container{
            width: 95%;
        }
    }
}

@media only screen and (max-width:320px){
    .comProfile{
        .container{
            h1{
                font-size:30px;
                text-align: center;
            }
            h2{
                font-size: 18px;
            }
            p{
                width:280px ;
            }
        }
    }
}